<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <style type="text/css">
    	.logo{
    		text-align: center;
    		margin-top:80px ;
    		margin-bottom: 90px;
    	}
    	#form{
    		width:375px ;
    		margin: 0 auto;
    	}
    	#zhanghao{
    		width: 265px;
    		margin-left: 10px;
    		border-radius: 300px;
    	}
    	.icon_mine{
    		margin-left: 30px;
    	}
    	.link_wangjimima{
    		margin-left: 280px;
    	}
    	.bottom_login{
    		width: 100px;
    		height: 100px;
    		background-color: #333333;
            margin: 30px auto;
            border-radius: 300px;
            text-align: center;
    	}
    	.bottom_login h2{
    		line-height: 100px;
    		color: white;
    	}
    	.link_zhuce{
    		text-align: center;
    	}
    	.link_zhuce h4{
    		color: #333333;
    	}
    </style>
</head>
<body>
	<div class="logo">
		<img src="img/icon.png" alt="" />
	</div>
	<div id="form">
		<div>
		<img class="icon_mine" src="img/WODE.png"/>
		<input type="text" name="zhanghao" id="zhanghao" value="账号:" />
	</div>
	<div>
		<img class="icon_mine" src="img/MIMA.png"/>
		<input type="text" name="zhanghao" id="zhanghao" value="密码:" />
	</div>
	<p class="link_wangjimima">
		忘记密码？
	</p>
	</div>

	<div id="denglu" class="bottom_login">
		<h2>登陆</h2>
	</div>
	<div class="link_zhuce">
		<h4>注册</h4>
	</div>
			<script type="text/javascript">
			var login=document.getElementById('denglu');
			login.addEventListener('tap',function(){
				mui.openWindow({
					url:"index.html",
					id:"index.html"
				});
			})
		</script>
</body>
</html>